html{
height:100%;
width:100%;
} 

body{
height:100%;
width:100%;
background-image:url("../images/333.jpg");
}


a:hover {
    text-decoration: none;
}
        

div li {
  text-align: center;
  
  width: auto;
  line-height: 2px;
  font:14px;
  display: inline-block;
  border: 2px;
  padding: 5px;
  float: left;
  text-decoration: bold;
}
div ul {
  height:10px;
  padding:0px;
}

  h1 {
 
     }

.tabs {
  text-decoration: none;
  color:black;
  display: block;
  float: left;
  text-align: center;
  font-size: 20px;
  text-decoration: bold;
}


.fluid_container {
    margin: 0 auto;
    max-width: 1000px;
    width: 90%;
}

  .personalinfo {
    white-spacing:5px;
  }
  
  .info {
      position:absolute;
      left:400px;
      top:75px;
      margin-right:100px;
      margin-left:100px;
      }
       
  .body {
      width:100%;
      height: 70%;
      border-left: 4px solid black; 
      border-right: 4px solid black;
  }   
    
  .dateheader  {
  padding:10px 8px 5px 8px;
  font:16px palatino linotype, palatino, times, serif;
  font-weight:bold;
  color:blackl;
  background-color:rgba(255,122,0,0.5);
  text-align:left;
  letter-spacing:.1em;
  box-shadow: 4px 4px 3px #FF7A00;
  border-style:groove;
  border-style:5px;
  border-color:#A64B00;
   border-style:solid;

  }

  .title{
  text-align:center;
  background:grey;
  font-family: 'Orienta', sans-serif;
  color:black;
  border-style:groove;
  border-style:solid;
  border-width:5px; 
  border-color:black;
  width:100%;
  height: 50%;
  }
  .navbar{
    width: 100%;
    text-align: center;
    background-color: grey;
    border-style:groove;
    border-style:5px;
    border-style:solid;
    border-width:5px; 

  }

  .navtabs{
    text-align: center;

    height:100%;

  }
  .sideentry  {
      padding:8px 8px 8px 8px;
      font:14px palatino linotype, palatino, times, serif;
      font-weight:normal;
      color:#000000;
      background-color:#008500;
      text-align:justify;
      border-style:groove;
      border-style:5px;
      border-color:#A64B00;
      border-style:solid;
  }
  .bio {
          margin-right: 25%;
          margin-left: 25%;
          text-align:justify;
          font-weight:normal;
          border-style:groove;
          border-style:5px;
          border-color:black;
          border-style:solid;
          width: 50%;
      }

    .pinfo {
      margin-right: 25%;
      margin-left:25%;
      text-align:center;
      font-weight:normal;
      border-style:groove;
      border-style:5px;
      border-color:black;
      border-style:solid;
      width: 60%;
    }

    .tophalfofmiddle {
        height: 60%;
        width: 100%;
    }

    .pic{
      float:left;
      width: 50%;
      height: 100%;
       }

    .picme{
        float: left;
        width: 200px;
        height: 200px;
        min-height:150px;
        min-width: 130px; 
        margin: 2%;
      }

    .winfo{
      text-align: left;
      float:left;
      width:50%;
      height: 50%;
      margin-top: 13%;
      margin-bottom:13%;
      display: block;      
    }


/*------------------------------------*\
  ACCORDION
\*------------------------------------*/
.accordion{
  width:940px;
  overflow:hidden;
  list-style:none;
  margin-bottom:10px;
  text-shadow:1px 1px 1px rgba(0,0,0,0.25);
  background:blue;

  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -o-border-radius:10px;
  border-radius:10px;
}
.accordion li{
  float:left;
  width:20%;
  overflow:hidden;
  height:250px;
  -moz-transition:width 0.2s ease-out;
  -webkit-transition:width 0.2s ease-out;
  -o-transition:width 0.2s ease-out;
  transition:width 0.2s ease-out;
  -moz-transition-delay:0.15s;
  -webkit-transition-delay:0.15s;
  -o-transition-delay:0.15s;
  transition-delay:0.15s;
}
.accordion li:first-of-type{
  -moz-border-radius:10px 0 0 10px;
  -webkit-border-radius:10px 0 0 10px;
  -o-border-radius:10px 0 0 10px;
  border-radius:10px 0 0 10px;
}
.accordion li:last-of-type{
  -moz-border-radius:0 10px 10px 0;
  -webkit-border-radius:0 10px 10px 0;
  -o-border-radius:0 10px 10px 0;
  border-radius:0 10px 10px 0;
}
.accordion div{
  padding:10px;
}
.accordion:hover li{
  width:10%;
}
.accordion li:hover{
  width:60%;
}
.slide-01  { background:red; color:white; }
.slide-02  { background:orange; color:white; }
.slide-03  { background:yellow; color:#333; text-shadow:none; }
.slide-04  { background:green; color:white; }
.slide-05  { background:blue; color:white; }

 /*sidebar*/

 .guts{
  margin-right: 20%;
  margin-left: 20%;
  height: 100%;
}
.middlebar{
  float:left;
  background: grey;
  height: 100%;
  width:80%;
    }

  .endbar{
    float:left;
    background:grey;
    height: 100%;
    width:19.2%;
    text-align: center;
    border-left: 4px solid black;
   }
/*twitter*/

.twitter{

}

.pagebody{
height:100%;
width:100%;
}

/*shor bio*/
.name{
float:left;
font-size: 20px;
}
.school{
float: left;
font-size: 20px;
}
.email{
float:left;
font-size: 20px;
}

.shortbio{
  float: left;
  width: 40%;
  height:100%;
  font: 13px/20px arial, garamond, palatino linotype, palatino, times, serif;
font-weight: bold;
text-align: left;
display:block;
}


 /*resume*/

.bfirsthalf{
  width: 100%;
  height:7%;
  
 
}

.firsthalf {
  width:100%;
  height: 100%;
  background:grey;
  text-align: center;
  }

.button {
  
  height:100%;
  text-align: center;
}

button{
  width: auto;
  height: 100%;
  font:black;
  font: bold;
  font-size:20px;
}

.secondhalf{
  width:100% ;
  height:95%;
}

.credit{
  width:30px;
  height: 15px;
}

.credits{
  width: 100%;
  height: 100%;
}